<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>智能考勤系统</title>
	<script type="text/javascript" src="./js/register.js"></script>
	<style>
		body {
			background: url('https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean-3605547_1280.jpg') no-repeat;
			background-size: 100% 130%;
		}

		#login_box {
			width: 20%;
			height: 400px;
			background-color: #00000060;
			margin: auto;
			margin-top: 10%;
			text-align: center;
			border-radius: 10px;
			padding: 50px 50px;
			border: solid 1px #ffffffff;
		}

		h1 {
			color: #ffffffff;
			margin-top: 5%;
		}


		.check_box {
			position: relative;
		}

		.check_box input[type="checkbox"] {
			position: absolute;
			left: -30px;
		}

		.check_box label {
			position: absolute;
			width: 80px;
			left: 80px;
			top: 5px;
			color: #fff;
			/* border: solid 1px #ffffffff; */
		}

		span {
			color: #fff;
		}

		input {
			border: 0;
			width: 60%;
			font-size: 15px;
			color: #fff;
			background: transparent;
			border-bottom: 2px solid #fff;
			padding: 5px 10px;
			outline: none;
			margin-top: 10px;
		}

		button {
			margin-top: 50px;
			width: 60%;
			height: 30px;
			border-radius: 10px;
			border: 0;
			color: #fff;
			text-align: center;
			line-height: 30px;
			font-size: 15px;
			background-image: linear-gradient(to right, #30cfd0, #330867);
		}

		#sign_up {
			margin-top: 45%;
			margin-left: 60%;
		}

		a {
			color: #b94648;
		}
	</style>
</head>

<body>
	<div id="login_box">
		<h1>REGISTER</h1>

		<div class="input_box">
			<input type="user" id="user" placeholder="请输入用户名">
		</div>

		<div class="input_box">
			<input type="password" id="pwd" placeholder="请输入密码">
		</div>

		<div class="input_box">
			<input type="text" id="card" placeholder="请刷卡获取卡号">
		</div>
		<div class="input_box">
			<input type="text" id="admin_token" placeholder="请输入管理员授权码" hidden>
		</div>
		<div class="check_box">
			<input type="checkbox" id="is_admin" value="is_like" onclick="admin_select()">
			<label>管理员注册</label>
		</div>

		<button onclick="register_fun();">注册</button>
		<button onclick="get_card();" id="get_card_btn">获取卡号</button>
	</div>
</body>

</html>